@media screen and (max-width:1230px){
.head,.wrap{width:960px;}
.head .nav_m{ width:700px;}
.head .nav li{ margin-left:5px;}
.head .nav li a{ padding:0 11px;}
.i_service li{ width:231px; padding:15px;}
.i_service li .tu{ height:130px; line-height:130px;}
.i_service li .tu img{ width:110px; height:110px;}
.i_service li .title{ font-size:24px;}
.works dl dt,.works dl dt img,.works dl dt .des{ width:480px; height:420px;}
.works dl dd{ width:480px;}
.works dl dd ul li,.works dl dd ul li img,.works dl dd ul li .des{ width:240px; height:210px;}
.works dl dd ul li .des .ctn{ margin:5px 0 10px;}
.works dl dd ul li .des .title{ height:35px; line-height:35px; font-size:20px;}
.works dl dd{ height:auto;}
.i_about dt{ width:380px;}
.i_about dd{ width:550px;}
.i_about dd h6{ font-size:32px; height:35px; line-height:35px;}
.i_about dd .tip{ padding:5px 0;}
.i_news_m li,.news li{ width:306px; margin-right:21px;}
.i_customer li{ width:188px; height:auto;}
.i_customer li img{ width:188px; height:90px;}
.f_zx p{ width:715px; font-size:17px;}
.foot li{ width:300px;}
.foot li.f_b{ width:350px;}
.f_zx a{ width:180px;}
.works dl dt .des .ctn{ max-height:155px;}
.s_works ul li,.s_works ul li img{ width:320px; height:272px;}
.s_works ul li .des{ top:202px;}
.service ul li{ float:left; width:312px; height:auto;}
.service ul li img{ width:100%; height:160px;}
.customer ul li{ width:318px;}
.news li .tu img{ height:92px;}
.about .tabBox .tabNav{ margin-bottom:20px;}
.pro-channel{width: 960px;margin:0 auto;}

}
@media screen and (max-width:990px){
.head,.wrap{width:740px;}
.pro-channel{width: 740px;margin:0 auto;}
.head .logo{ width:200px; height:auto;}
.head .nav_m{ width:100%; position:absolute; left:0; top:50px;}
.nav_m .n_icon{ display:block; font-size:16px;}
.head .nav_m .nav{ width:100%; background:#FFF; position:absolute; left:0; top:40px; z-index:99999; display:none; padding:5px 0;}
.head .nav li a{ margin-top:0; padding:0 16px;}
.i_service li{ margin-right:8px; width:179px;}
.i_service li .title{ height:50px; line-height:50px; font-size:22px;}
.i_service li .tu img{ width:90px; height:90px;}
.i_service li .tu{ height:110px; line-height:110px;}
.works dl dt,.works dl dt img,.works dl dt .des{ width:370px; height:324px;}
.works dl dd{ width:370px;}
.works dl dd ul li,.works dl dd ul li img,.works dl dd ul li .des{ width:185px; height:162px;}
.works dl dd ul li .des .ctn{ margin:5px 0 10px;}
.works dl dd ul li .des .title{ height:35px; line-height:35px; font-size:18px;}
.works dl dt .des{ padding:20px 25px;}
.works dl dt .des .title{ height:40px; line-height:40px; font-size:24px;}
.works dl dt .des .ctn{ max-height:155px;}
.works dl dd ul li .des{ padding:5px 10px;}
.works dl dd ul li .des .ctn{ max-height:65px; line-height:145%;}
.i_about dt{ width:320px;}
.i_about dd{ width:400px;}
.i_about dd p{ max-height:110px; overflow:hidden;}
.i_news_m li,.news li{ width:240px; margin-right:10px;}
.i_news_m li .title, .news li .title{ font-size:15px;}
.i_customer li{ width:144px;}
.i_customer li img{ width:144px; height:68px;}
.f_zx p{ width:560px; font-size:16px;}
.f_zx a{ width:150px; font-size:20px; height:50px; line-height:50px;}
.foot li .f_logo img{ width:200px; height:auto;}
.foot li{ width:50%;}
.s_works ul li,.s_works ul li img{ width:246px; height:209px;}
.s_works ul li .des{ top:139px;}
.service ul li{width:242px;}
.service ul li img{ width:100%; height:124px;}
.customer ul li{ width:244px;}
.news li .tu img{ height:72px;}
.book{ width:100%;}

}
@media screen and (max-width:770px) {
.pro-channel{width: 480px;margin:0 auto;}
.head,.wrap{width:480px;}
.i_service li{ margin-right:10px; width:235px; margin-bottom:10px;}
.i_service li:nth-child(2n){ margin-right:0;}
.head .nav li{ width:100%; text-align:right; margin:0;}
.head .nav li a{ width:100%; padding:0 15px 0;}
.head .nav li.now a,.head .nav li a:hover{ background:none; color:#5AB631;}
.works dl dt, .works dl dt img, .works dl dt .des{ width:480px; height:419px;}
.works dl dt .des, .works dl dd ul li .des{opacity:1;filter: alpha(opacity=100);}
.works dl dt .des .ctn,.works dl dt .des .d_more,.works dl dd ul li .des .ctn,.works dl dd ul li .des .d_more{ display:none;}
.works dl dt .des{ height:80px;}
.works dl dd ul li, .works dl dd ul li img, .works dl dd ul li .des{ width:240px; height:210px;}
.works dl dd ul li .des{ height:60px;}
.works dl dd,.works dl dt{ width:100%;}
.i_about dt,.i_about dd{ width:100%;}
.i_about dd{ margin-top:20px;}
.tabBox .tabNav li{ width:120px;}
.i_news_m li,.news li{ width:235px; margin-right:10px !important; margin-bottom:0; margin-top:30px;}
.i_news_m li:nth-child(2n),.news li:nth-child(2n){ margin-right:0 !important;}
.i_customer li{ width:116px; margin-right:4px !important; margin-bottom:4px;}
.i_customer li:nth-child(4n){ margin-right:0 !important;}
.i_customer li img{ width:116px; height:54px;}
.f_zx p{ width:100%;}
.f_zx a{ position:static; margin-top:15px;}
.about .tabBox .tabNav{ text-align:left;}
.about .tabBox .tabNav li{ margin:5px 10px 5px 0; padding:0 13px;}
.s_works ul li,.s_works ul li img{ width:480px; height:406px;}
.s_works ul li .des{ top:0; left:1px;}
.s_works ul li{ border:1px solid #eee;}
.service ul li{ width:100%; margin:0 0 10px;}
.service ul li img{ width:100%; height:auto;}
.customer ul li{ margin-right:2px !important; width:239px;}
.customer ul li:nth-child(2n){ margin-right:0 !important;}
.news li .tu img{height:70px;}
.pages{ padding-top:35px;}
.book li{ width:100%;}

}
@media screen and (max-width:510px) {
.pro-channel{width: 320px;margin:0 auto;}
.head,.wrap{width:320px;}
.i_service li{ width:155px;}
.works dl dt .des,.works dl dd ul li .des{ width:100%;padding:10px; height:auto;}
.works dl dt, .works dl dt img,.works dl dd ul li, .works dl dd ul li img{ width:320px; height:280px;}
.works dl dt .des .title{ font-size:18px;}
.tabBox .tabNav li{ width:90px; margin:0 3px;}
.i_customer li{ margin-right:4px !important; width:158px;}
.i_customer li:nth-child(2n){ margin-right:0 !important;}
.i_customer li img{ width:158px; height:73px;}
.foot li{ width:100%; padding-right:0; }
.foot li.f_a, .foot li.f_b{padding-top:40px;}
.foot li.f_b .code{ top:45px;}
.s_works ul li,.s_works ul li img{ width:320px; height:270px;}
.customer ul li{ margin-right:2px !important; width:159px;}
.customer ul li .tu img{ width:150px; height:69px;}
.customer ul li .tu{ height:80px; line-height:80px;}
.i_news_m li,.news li{ width:100%; margin-right:0 !important;}
.news li .tu img{ width:100%; height:auto;}
.book li{ padding-left:85px; padding-right:10px; margin-bottom:20px;}
.book li i{ right:0;}
.book li.btn{ margin-bottom:0;}
.book li.btn input{ margin-top:0;}
}